2.2:H202101 Ensure that foreground and background color combinations provide sufficient contrast.

Improper design

The foreground and the background color are so close that users find it hard to read.

Improper design:

  <SPAN style="color:#0066cc;background-color:#6699cc">
  <STRONG>today in Taipei city, the weather shows regional rain and thunder in the afternoon.....</STRONG>
  </SPAN>

End of example

Proper demonstration

The foreground and the background had high contrast in color.

Proper example:

  
  <SPAN style="color:#ffffff;background-color:#330000">
  <STRONG>today in the central area, the weather shows regional rain and thunder in the afternoon.....</STRONG>
  </SPAN>

End of example